<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/api-deta.css">
</head>

<body>
    <header class="header clearfix container-fluid ">
        <!-- 左边logo    -->
        <h1 class="fl">
            <a href="index.HTML" class="logo-link mt20 ">
                源码大数据平台
            </a>
        </h1>
        <!-- 中间导航 -->
        <ul class="nav ">
            <li class="nav-item fl nav-active ">
                <a href="#" class="nav-item-link color-white   ">首页</a>
            </li>
            <li class="nav-item fl ">
                <a href="#" class="nav-item-link color-white  fs12">API</a>
            </li>
            <li class="nav-item fl ">
                <a href="#" class="nav-item-link color-white  fs12">云服务</a>
            </li>
            <li class="nav-item fl ">
                <a href="#" class="nav-item-link color-white  fs12">案例</a>
            </li>
            <li class="nav-item fl ">
                <a href="#" class="nav-item-link color-white  fs12">开发者 </a>
            </li>
        </ul>
        <!-- 右边的导航 -->

        <a href="#" class="fr navAA  mt20 fs12 color-white txt-center mr10">注册有礼</a>
        <a href="#" class="fr navAB  mt20 fs12 color-white txt-center">登录</a>
    </header>
    <!-- banner -->
    <div class="banner">
        <div id="mydiv" style="height:415px;"></div>
        <div class="banner-next  container clearfix ">
            <div class="left-box txt-center  clearfix fl">
                <p class="left-box-img">
                    <img src="./images/images//API11.jpg" alt="">
                </p>
                <ul>
                    <li>
                        <p>
                            <img src="./images/images/API_smallicon_01.jpg" alt="">
                        </p>
                        <P>
                            103
                        </P>
                    </li>
                    <li>
                        <p>
                            <img src="./images/images/API_smallicon_02.jpg" alt="">
                        </p>
                        <P>
                            14245
                        </P>
                    </li>
                    <li>
                        <p>
                            <img src="./images/images/API_smallicon_03.jpg" alt="">
                        </p>
                        <P>
                            623
                        </P>
                    </li>
                </ul>
            </div>
            <div class="right-box   clearfix ">
                <div class="right-box1">
                    <h2 class="fl"> 身份证实名认证</h2>
                    <span class="fl right-box1-bule">支持HTTPS</span>
                    <span class="fl right-box1-bule">企业专用</span>
                </div>
                <div class="right-box2 ">
                    <div class="right-box2-txt">
                        <img src="./images/images/API03.jpg" alt="">
                        <span>限企业实名用户使用</span>
                    </div>
                    <div class="right-box2-txt">
                        <img src="./images/images/API05.jpg" alt="">
                        <span>限企业实名用户使用</span>
                    </div>
                    <div class="right-box2-txt">
                        <img src="./images/images/API08.jpg" alt="">
                        <span>限企业实名用户使用</span>
                    </div>
                </div>
                <div class="right-box3">
                    检测姓名和身份证号是否一致，身份证验证
                </div>
                <ul id="apiDetails" class="clearfix">
                    <li class="default"> <img src="./images/images/API17.jpg" alt="">
                        扫码测试
                        <div class="qrcode">
                            <img src="./images/images/103-demo.png" alt="">
                            <p class="c6">扫我啊
                            </p>
                        </div>
                    </li>
                    <!-- <li class="default-li active">4000次</li>
                    <li class="default-li ">8000次</li>
                    <li class="default-li ">40000次</li> -->
                </ul>
                <div class="right-box4">
                    <span class="right-box4-money">
                        &yen; <span id="right-box4-money2"></span>
                    </span>
                    <span class="right-box4-money1">
                        (约<span id="right-box4-money3"></span>元/次)，仅限企业实名购买
                    </span>
                </div>
                <a href="#" class="right-box5">马上申请</a>
            </div>
        </div>
    </div>
    <!-- 内容部分 -->
    <div class="Big-box container ">
        <div class="content  clearfix ">
            <ul class="content-heardr clearfix container">
                <li class="fl content-heardr1  content-heardr-file">
                    API文档
                </li>
                <li class="fl content-heardr1">
                    错误码参照
                </li>
                <li class="fl content-heardr1">
                    示例代码
                </li>
                <li class="fl content-heardr1">
                    联系我们
                </li>
            </ul>
            <div class="content-next1 on block">
                <div class="connector">
                    <p>
                        接口地址:http://op.juhe.cn/idcard/query<br />
                        返回格式:json<br />
                        请求方式:http get/post<br />
                        请求示例:http://op.juhe.cn/idcard/query?key=您申请的KEY&amp;idcard=&amp;realname=<br />
                        接口备注:error_code为0时计费<br />
                    </p>
                    <a href=""> API测试工具</a>
                </div>
                <div class="parameter">
                    <p class="api-content-header">
                        请求参数说明：
                    </p>
                    <table class="table" cellspacing="0">
                        <tr>
                            <th width="20">
                                &nbsp;
                            </th>
                            <th width="20%">
                                名称
                            </th>
                            <th width="15%">
                                名称
                            </th>
                            <th width="15%">
                                名称
                            </th>
                            <th>
                                名称
                            </th>
                        </tr>
                        <tr>
                            <td>

                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                        </tr>
                        <tr>
                            <td>

                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                        </tr>
                        <tr>
                            <td>

                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                        </tr>
                        <tr>
                            <td>

                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="parameter">
                    <p class="api-content-header">
                        请求参数说明：
                    </p>
                    <table class="table" cellspacing="0">
                        <tr>
                            <th width="20">
                                &nbsp;
                            </th>
                            <th width="20%">
                                名称
                            </th>
                            <th width="15%">
                                名称
                            </th>
                            <th width="15%">
                                名称
                            </th>
                            <th>
                                名称
                            </th>
                        </tr>
                        <tr>
                            <td>

                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                        </tr>
                        <tr>
                            <td>

                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                        </tr>
                        <tr>
                            <td>

                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                        </tr>
                        <tr>
                            <td>

                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                            <td>
                                名称
                            </td>
                        </tr>
                    </table>
                </div>
                <pre>
            <p class="api-content-header in">
                JSON返回示例：
            </p>
            <div class="api-content-l-deac">
                {

                    "reason": "成功",
                    
                    "result": {
                    
                    "realname": "***",/*真实姓名*/
                    
                    "idcard": "******************",/*身份证号码*/
                    
                    "orderid":"J103202010151450419556",/*流水号*/
                    
                    "res": 1 /*1：匹配 2：不匹配*/
                    
                    },
                    
                    "error_code": 0
                    
                    }
                    
            </div>

            </pre>
            </div>
            <div class="content-next1 on">
                <p>哈哈哈哈哈哈哈我没写</p>
            </div>
            <div class="content-next1 on">
                <p>哈哈哈哈哈哈哈我没写2</p>
            </div>
            <div class="content-next1 on">
                <p>哈哈哈哈哈哈哈我没写3</p>
            </div>
        </div>
        <div class="content1  clearfix">

            <p class="aside-title">
                活动推荐
            </p>
            <a href="#">
                <img src="./images/images/sfz-aside1.png" alt="">
            </a>
            <a href="#">
                <img src="./images/images/details-aside02.png" alt="">
            </a>
            <a href="#">
                <img src="./images/images/details-aside03.png" alt="">
            </a>
            <p class="like">
                猜你喜欢
            </p>
            <div class="aside-items">
                <a href="#" class="fl">
                    <img src="./images/images//API22.jpg" alt="">
                </a>
                <div class="aside-item fr">
                    <p class="aside-items-deac-title">
                        短信API服务
                    </p>
                    <p>
                        三网合一
                    </p>
                </div>
            </div>
            <div class="aside-items">
                <a href="#" class="fl">
                    <img src="./images/images//API22.jpg" alt="">
                </a>
                <div class="aside-item fr">
                    <p class="aside-items-deac-title">
                        短信API服务
                    </p>
                    <p>
                        三网合一
                    </p>
                </div>
            </div>
            <div class="aside-items">
                <a href="#" class="fl">
                    <img src="./images/images//API22.jpg" alt="">
                </a>
                <div class="aside-item fr">
                    <p class="aside-items-deac-title">
                        短信API服务
                    </p>
                    <p>
                        三网合一
                    </p>
                </div>
            </div>
            <div class="aside-items">
                <a href="#" class="fl">
                    <img src="./images/images//API22.jpg" alt="">
                </a>
                <div class="aside-item fr">
                    <p class="aside-items-deac-title">
                        短信API服务
                    </p>
                    <p>
                        三网合一
                    </p>
                </div>
            </div>
            <div class="aside-items last">
                <a href="#" class="fl">
                    <img src="./images/images//API22.jpg" alt="">
                </a>
                <div class="aside-item fr">
                    <p class="aside-items-deac-title">
                        短信API服务
                    </p>
                    <p>
                        三网合一
                    </p>
                </div>
            </div>

        </div>
    </div>
    <div class="experience ">
        <div class="experience-txt">
            <h1 class="experience-txt-a"> 免费试用上百种API、体验各类产品和服务 </h1>
            <p class="experience-txt-b">
                <a href="#" style="color: aliceblue;">立即体验</a>
            </p>
        </div>
    </div>
    <div class="footr">
        <div class="container">
            <div class="ft-bd">
                <!-- 左边部分 -->
                <dl class="fl">
                    <dt>
                        联系与支持
                    </dt>
                    <dd>
                        <a href="#">
                            400-882-7715
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            售前咨询
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            客服&售后
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            常见问题
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            极速工单
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            投诉与建议
                        </a>
                    </dd>
                </dl>
                <dl class="fl">
                    <dt>
                        关于源码

                    </dt>
                    <dd>
                        <a href="#">
                            合作伙伴

                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            服务条款

                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            隐私政策

                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            市场合作

                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            反商业贿赂声明
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            投诉与建议
                        </a>
                    </dd>
                </dl>
                <dl class="fl">
                    <dt>
                        快速入口
                    </dt>
                    <dd>
                        <a href="#">
                            400-882-7715
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            售前咨询
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            客服&售后
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            常见问题
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            极速工单
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            投诉与建议
                        </a>
                    </dd>
                </dl>
                <dl class="fl">
                    <dt>
                        产品服务
                    </dt>
                    <dd>
                        <a href="#">
                            400-882-7715
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            售前咨询
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            客服&售后
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            常见问题
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            极速工单
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            投诉与建议
                        </a>
                    </dd>
                </dl>
                <dl class="fl">
                    <dt>
                        解决方案
                    </dt>
                    <dd>
                        <a href="#">
                            400-882-7715
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            售前咨询
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            客服&售后
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            常见问题
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            极速工单
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            投诉与建议
                        </a>
                    </dd>
                </dl>
                <!-- 右边部分 -->
                <div class="fr tright">
                    <p class="wechat">
                        微信公众号
                    </p>
                    <p class="ym">
                        源码时代
                    </p>
                    <img src="./images/images/wechat-white.png" alt="" class="showqrcode">
                </div>
            </div>
            <div class="footr-ftr">
                <p>
                    <a href="#" class="fl mr10">
                        <img src="./images/bei2.png" alt="">
                    </a>
                    <a href="#" class="fl mr10">
                        <img src="./images/bei1.png" alt="">
                    </a>
                    <span class="fl">
                        增值电信业务经营许可证：蜀B2-20180596
                    </span>
                    <a href="#" class="fl">
                        蜀ICP备15006450号-3
                    </a>
                    <a href="#" class="fl">
                        营业执照
                    </a>
                    <span class="fr">
                        源码大数据股份有限公司©版权所有
                    </span>
                </p>
            </div>
        </div>
    </div>


    <script src="./lib/jquery-1.8.2.min.js"></script>
    <script src="./lib/canvas-particle.js"></script>
    <script src="./js/util.js"></script>
    <script src="./js/api-deta.js"></script>
</body>

</html>